<!DOCTYPE html>
<html lang="en" dir="ltr">

<!-- Head -->
<head>
    <!-- == Le Metas and Title Tags == -->
    <meta charset="utf-8">
    <title>快快</title>
    <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="快快">
    <meta name="author" content="快快">

    <!-- == Favicons == -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="apple-touch-icon" href="img/apple/apple_touch_icon_57.png"><!-- Apple Touch Icon 57x57 -->
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple/apple_touch_icon_72.png"><!-- Apple Touch Icon 72x72 -->
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple/apple_touch_icon_114.png"><!-- Apple Touch Icon 114x114 -->

    <!-- == Le Styles Tags == -->
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /><!-- Twitter Bootstrap V 3.1.1 -->
    <link rel="stylesheet" href="css/bootstrap/bootstrap-custom.css" /><!-- Custom Bootstrap Style -->
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" /><!-- Fancybox Lightboxs-->
    <link rel="stylesheet" href="js/fancybox/helpers/jquery.fancybox-thumbs.css" /><!-- Fancybox Lightboxs-->

    <!-- == Le Main Styles Tags == -->
    <link rel="stylesheet" href="css/style.css" /><!-- Main Style -->
    <link rel="stylesheet" href="css/r-style.css"/><!-- Reifang Style -->

    <!-- == Le Themes Tags == -->
    <link rel="stylesheet" href="css/theme/light.css" /><!-- Theme Style -->
    <link rel="stylesheet" href="css/color/green_sea.css" /><!-- Color Style -->

    <!--  For this page only ! -->
    <link rel="stylesheet" href="css/home/index02.css" /><!-- Home 02 -->
    <link rel="stylesheet" href="css/slider/revolution_slider.css" /><!-- Revolution Slider -->

    <!--  Responsive ! -->
    <link rel="stylesheet" href="css/responsive.css" /><!-- Layout Responsive -->
    <style type="text/css">
        /*.logo-banner{height:88px;position:absolute;z-index:99;border-bottom: 1px solid #d2d2d2filter:alpha(opacity=43);-moz-opacity:.43;-khtml-opacity:.43;opacity:.43}*/
        .logo-banner{height:88px;position:absolute;z-index:99;border-bottom: 1px solid #d2d2d2;}
        .tp-bannertimer, .tp-bullets{display: none;}
        .shortcodes-banner2{
            margin: 0 auto;
            width: 100%;
            padding: 0;
            background-color: rgba(0,0,0,.46)
            position: relative;
        }
    </style>

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->
    <!--[if lt IE 10]>
    <script src="js/jquery.placeholder.min.js"></script>
    <![endif]-->


</head>

<body>

<!-- * Start / Navigation*  -->
<nav id="slidemenu" class="menu">
    <!-- # Menu Content #  -->
    <div class="slidemeu-content">

        <!-- # Logo #  -->
        <div class="logo">
            <a href="index.html" title="Home">
                <img src="img/banners/logo.png"  alt="logo" title="kuaikuai Logo">
            </a>
        </div>
        <!-- # End Logo #  -->

        <!-- # Links #  -->
        <div class="links">
            <div id="accordian">
                <ul>
                    <li>
                        <h3><a href="./index.html">主页</a></h3>
                    </li>
                    <li>
                        <h3><a href="./league.html">加盟商入口</a></h3>
                    </li>
                    <li>
                        <h3><a href="./join.html">加入快快</a></h3>
                    </li>
                    <li>
                        <h3><a href="./about.html">关于我们</a></h3>
                    </li>
                </ul>
            </div>
        </div>
        <!-- # End Links #  -->

        <!-- # Logo #  -->
        <div class="menu-info">
            <div>
                <i class="fa fa-phone"></i>
                <span>400-660-6580</span>
            </div>
            <div>
                <i class="fa fa-envelope-o"></i>
                <span>mayer@kuaikuai.com</span>
            </div>
        </div>
        <!-- # End Logo #  -->

    </div>
    <!-- # End Menu Content #  -->

    <!-- # Menu Overflow #  -->
    <div id="overflow-icon"></div>

</nav>
<!-- * End / Navigation*  -->

<!-- 加盟商banner -->
<section class="shortcodes-banner" id="top-banner" style="height: 88px;">
    <div class="transparent-bg">
        <div class="center-content container text-center">
            <div class="row">
                <div class="col-md-12">
                    <h1>
                        <img src="img/banners/banner01.png" alt="想要加盟认证快快极致打蜡洗车？" />
                        <a href="#"><img src="img/banners/banner-button.png" class="banner-button" alt="成为加盟商"/></a>
                    </h1>
                    <span class="icon-close iconSty"></span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End 加盟商banner -->

<!-- LOGO -->
<section class="shortcodes-banner2 logo-banner">
    <div class="center-content container text-center">
        <div class="row">
            <div class="col-md-12">
                <h1 style="margin: 3px 0 0 0;">
                    <a href="#"><img src="img/banners/logo.png" alt="logo"/></a>
                </h1>
            </div>
        </div>
    </div>
</section>
<!-- End LOGO -->

<section id="full-page" class="slide_animate">
    <!-- # Content Start Here #  -->

    <!-- # Slider #  -->
    <section class="fullwidth-slider">
        <div class="tp-banner-container">
            <div class="tp-banner">
                <ul>
                    <!-- SLIDE 01 -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="500"  data-saveperformance="on"  data-title="Intro Slide">
                        <!-- MAIN IMAGE -->
                        <img src="img/slider/slider01.png"   alt="slidebg1"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
                        <!-- LAYERS -->
                    </li>

                    <!-- SLIDE 02  -->
                    <li data-transition="slotzoom-vertical" data-slotamount="7" data-masterspeed="500"  data-saveperformance="on"  data-title="Intro Slide">
                        <!-- MAIN IMAGE -->
                        <img src="img/slider/slider02.png"   alt="slidebg2"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
                        <!-- LAYERS -->
                    </li>

                    <!-- Vimeo  -->
                    <li data-transition="slotzoom-horizontal" data-slotamount="7" data-masterspeed="500" data-saveperformance="on"  data-title="Intro Slide">
                        <!-- MAIN IMAGE -->
                        <img src="img/slider/slider03.png"   alt="slidebg3"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
                        <!-- LAYERS -->

                    </li>
                </ul>

                <div class="tp-bannertimer"></div>
            </div>
        </div>
    </section>
    <!-- # End Slider #  -->

    <!-- # Our Work #  -->
    <section class="theme-color pad-top-bottom text-center">
        <div class="container">
            <div class="row">
                <!-- # Header # -->
                <div class="col-md-12 animated" data-animation="fadeIn">
                    <header>
                        <h4 class="box-h">功能</h4>
                        <h3>点击即可下单洗车</h3>
                    </header>
                </div>
                <!-- End # Header # -->

                <!-- # Work Samples # -->
                <div class="portfolioContainer">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 1 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="200">
                            <figure>
                                <img src="img/small/small1.jpg" alt="Work Sample 1">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>预约上门接送洗车服务</h3>
                                        <a href="img/big/big-1.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>
                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 1 # -->
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 2 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="400">
                            <figure>
                                <img src="img/small/small2.jpg" alt="Work Sample 2">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>简单下单洗车支付</h3>
                                        <a href="img/big/big-2.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>

                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 2 # -->
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 3 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="600">
                            <figure>
                                <img src="img/small/small3.jpg" alt="Work Sample 3">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>比团购还低的价格</h3>
                                        <a href="img/big/big-3.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>

                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 3 # -->
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 3 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="600">
                            <figure>
                                <img src="img/small/small4.jpg" alt="Work Sample 3">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>无需现金</h3>
                                        <a href="img/big/big-4.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>

                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 3 # -->
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 3 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="600">
                            <figure>
                                <img src="img/small/small5.jpg" alt="Work Sample 3">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>关注意见反馈</h3>
                                        <a href="img/big/big-5.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>

                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 3 # -->
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <!-- # Portfolio 3 # -->
                        <div class="portfolio-sample-gird-4 animated" data-animation="fadeIn" data-animation-delay="600">
                            <figure>
                                <img src="img/small/small6.jpg" alt="Work Sample 3">
                                <figcaption>
                                    <div class="overlay text-center">
                                        <h3>极致打蜡工艺</h3>
                                        <a href="img/big/big-6.jpg" data-fancybox-group="gallery" class="fancybox-effects-b"><i class="fa fa-search"></i></a>

                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <!-- # End Portfolio 3 # -->
                    </div>
                </div>
                <!-- End # Work Samples # -->


            </div>
        </div>
    </section>
    <!-- # End Our Work #  -->

    <!-- # 用车 #  -->
    <section class="theme-color pad-bottom-80 text-center">
        <div class="container">
            <div class="row">
                <!-- # Header # -->
                <div class="col-md-12 animated" data-animation="fadeIn">
                    <header style="margin:0 0 40px 0">
                        <h3>用车是一件美好的事情</h3>
                    </header>
                </div>
                <!-- End # Header # -->

                <div class="portfolioContainer">
                    <div class="col-md-12 animated" data-animation="fadeIn">
                        <img src="img/banners/goods.png" alt="goods"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- # End 用车 #  -->

    <!-- # 加盟快快服务网店 #  -->
    <section class="theme-color pad-bottom-80 text-center">
        <div class="container">
            <div class="row">
                <!-- # Header # -->
                <div class="col-md-12 animated" data-animation="fadeIn">
                    <header style="margin:0 0 40px 0">
                        <h3>加盟快快服务网店</h3>
                        <p class="font-18">提供专业的业务流程再造，更节省的水电做到更好的洗车服务</p>
                        <p class="font-18">短时间内产品服务升级 店面收入提升</p>
                        <p>&nbsp;&nbsp;</p>
                        <h4 class="box-h">
                            <a href="#" style="color: #FFFFFF;">成为加盟商</a></h4>
                    </header>
                </div>
                <!-- End # Header # -->

                <div class="portfolioContainer">
                    <div class="col-md-12 animated" data-animation="fadeIn">
                        <img src="img/banners/product.png" class="product" alt="product"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- # End 加盟快快服务网店 #  -->


</section>
<!-- # Start Footer #  -->
<footer id="footer">
    <!-- # Bottom Footer # -->
    <div class="bottom-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3 text-center">
                    <p class="links "><a href="./league.html" target="_blank">加盟商入口</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links "><a href="./join.html" target="_blank">加入快快</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links selected"><a href="./about.html" target="_blank">关于我们</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links "><a href="#" target="_blank">联系我们</a></p>
                </div>

            </div>
        </div>
    </div>
    <!--  End # Bottom Footer # -->
</footer>
<!-- # End Footer #  -->

<div id="back-top" style="display: block;z-index: 99;">
    <a href="#top"><i class="fa fa-angle-up"></i></a>
</div>

<!-- == Le Scripts Tags == -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script><!-- Bootstrap -->
<!--[if lte IE 8]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script src="js/modernizr.js"></script><!-- Modernizr -->
<script src="js/jquery.easing.1.3.js"></script> <!-- Easing Pack 1.3 -->
<script src="js/jquery.mousewheel.js"></script> <!-- Mousewheel Pack -->
<script src="js/retina.js"></script><!-- Retina Ready Images -->
<script src="js/animate.js"></script><!-- Animate -->
<script src="js/jquery.appear.js"></script><!-- Appear jQuery -->
<script src="js/jquery.stellar.js"></script><!-- Stellar Parallax -->
<script src="js/smoothScroll.js"></script><!-- Smooth Scroll -->
<script src="js/jquery.isotope.js"></script><!-- Portfolio -->
<script src="js/fancybox/jquery.fancybox.js"></script><!-- FancyBox -->
<script src="js/fancybox/helpers/jquery.fancybox-media.js"></script><!-- FancyBox -->
<script src="js/fancybox/helpers/jquery.fancybox-thumbs.js"></script><!-- FancyBox -->
<script src="js/waypoints.min.js"></script> <!-- Way Point for Counter -->
<script src="js/jquery.counterup.min.js"></script> <!-- Counter -->
<script src="js/jquery.nicescroll.min.js"></script><!-- NiceScroll -->
<script src="js/carousal/owl.carousel.js"></script><!-- Carousel -->
<script src="js/video_plugin/jquery.videobackground.js"></script><!-- Video Background -->
<script src="js/video_plugin/devices.js"></script> <!-- devices Pack -->
<script src="js/video_plugin/vidscale.js"></script><!-- Video Background -->
<script src="js/masonry.pkgd.min.js"></script><!-- Masonry-->
<script src="js/ticker.js"></script><!-- Ticker -->
<script src="js/jflickrfeed.min.js"></script><!-- Flickr -->
<script src="js/scripts.js"></script><!-- Configuration -->

<!-- For This Pgae Only -->
<script src="js/slider/revolution/jquery.themepunch.tools.min.js"></script><!-- Revolution Slider -->
<script src="js/slider/revolution/jquery.themepunch.revolution.min.js"></script><!-- Revolution Slider -->
<script>
    var revapi;

    jQuery(document).ready(function() {
        revapi = jQuery('.tp-banner').revolution({
            delay:3000,
            startwidth:1170,
            startheight:500,
            hideThumbs:10,
            fullWidth:"off",
            fullScreen:"on",
            fullScreenOffsetContainer: ""
        });

        $('.icon-close').click(function() {
            $('#top-banner').css('display') == "block" ? $('#top-banner').slideUp("slow") : $('#top-banner').slideDown("slow");
        });

    });	//ready

</script>
</body>
</html>